<!DOCTYPE html>
<html lang="zn-CH">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>web制作目前28节</title>
</head>
<body>
<h1 id="top">一、基础知识学习</h1><a href="#down">跳转底部</a><br />
    1、<h1>lang中英基本无差别，给html读取底层识别语言</h1>
    2、<h2>万国码UTF-8要记住，否则出现读取乱码</h2>
    3、<h3>常用快捷键要熟练并强制自己运用，提高速度</h3>
    4、<h4>基本都是双标签，目前学习断行为当标签</h4> 
    5、<h5>结构学习重点，但实际操作中表现/行为才是企业需要的能力</h5>
    6、<h6>加油学习</h6>
<h1>二、标签学习</h1>
    1、常用文字上的标签<p>2021年1月9日7时至1月10日7时，内蒙古自治区报告无新增确诊病例、疑<br />似病例和无症状感染者，治愈出院1例（由首都机场国际航班分流至呼和浩<br />特白塔国际机场）。</p>
    2、<strong>高级加粗标签strong使用</strong>，<b>简单加粗标签b尽量少使用</b><br />
    3、<em>高级斜体标签em使用</em>，<i>简单斜体标签i尽量少使用</i><br />
    4、<del>高级删除线标签del使用</del>，<s>简单删除线标签s尽量少使用</s><br />
    5、<ins>高级下划线标签ins使用</ins>，<u>简单斜体标签u尽量少使用</u><br />
    6、<div>大盒子div，自己独占一行</div>
        <span>1/小盒子sapn，横向布局，可以很多个</span>
        <span>2/小盒子sapn，横向布局，可以很多个</span>
        <span>3/小盒子sapn，横向布局，可以很多个</span>
<h1>三、图像标签</h1>
    1、<p><h2 id="biaoqian">图像标签的使用</h2></p>
        <h4>图片单标签img src="图片在web文件夹内的图片名称/"：</h4>
        <img src="1.jpg"/>
    2、<p><h4>alt提示文本标签：图片若显示不出用文字显示</h4>
        <img src="11.jpg" alt=“我是替换图片”/></p>
    3、<p><h4>title为滑动显示title标签，图片表达的文本</h4>
        <img src="1.jpg" title="我是表情包"/>
    4、<p><h4>width：宽度；height：高度。<br />一般只修改一个数值为等比例调节</h4>
        <img src="1.jpg" title="我是表情包,高度变小了，比例没变" width="200"/>
    5、<p><h4>border为图片添加边框</h4>
        <img src="1.jpg" title="我是表情包，我加了数值2的边框" width="200" border="2"/>
<h1>四、路径</h1>
    1、相对路径：
        同一级：<img src="直接填文本全称f"/><br />
        下一级：<img src="某文件夹内/文件全称"/><br />
        上一级：<img src="../上一级的文件全称"/><br />
    2、绝对路径（只有自己能看到路径上的显示，网络的看复制的链接是否显示）：<br />
        <img src="我的电脑最上面路径或某个网络文件链接的全部"/>
<h1>五、链接标签</h1>
    1、<h4>外链接</h4>  
        <p><a href="http://www.qq.com" target="_blank">腾讯</a></p>
        <p>target：打开窗口的方式（_self当前打开;_blank新窗口打开）</p> 
    2、<h4>内链接：网站内部的相互链接</h4>
        <a href="gongsijianjie.html" target="_blank">公司简介</a>
    3、<h4>空链接：#</h4>
        <a href="#">公司地址</a>
    4、<h4>下载链接：地址链接文件exe或zip等形式</h4>
        <a href="1.zip">下载地址</a>
    5、<h4>网页元素链接</h4>
        <a href="http://www.baidu.com"><img src="1.jpg" width=100 title="百度一下"></a>
    6、<h4>锚点链接</h4>
        <a href="#1">定位</a>
        <h5 id="1">定位到此处</h5>
    7、<h4>完成作业返回顶部到lang处</h4>
<h1>六、特殊字符标签</h1>
    1、<h3>注释标签：<!--内容-->，或快捷键Ctrl+/,为了编码人更好的看代码用处，不在页面显示</h3>
    2、<h3>特殊字符重点这三个</h3>
        <p>1.空格符合&nbsp;:一个组合代表一个空格</p>
        <p>2.大于号符合&gt;:代表></p>
        <p>3.小于号符合&lt;:代表</p>
<a id="down"></a>
<span><a href="#top">返回顶部</a></span>
<span><a href="#biaoqian">返回中部到标签的使用处</a></span>
</body>
</html>